<!DOCTYPE html> 
<html lang="en"> 
  <head> 
	<head>
	    <meta charset="utf-8"> 
		<title>Droidcopter</title>
		<link type="text/css" href="css/jquery-ui/jquery-ui-1.8.11.custom.css" rel="stylesheet" media="screen">
		<link type="text/css" href="css/main.css?v1.00" rel="stylesheet">
		<script src="js/jquery.min.js?v1.5"></script>
		<script src="js/jquery-ui.min.js?v1.8.10"></script>
		<script src="js/main.js?v1.06"></script>
		<script src="js/jquery.hotkeys.js?v0.8"></script>
	</head>
	<body>
		<div class="page">
			<div class="header">
				<div class="logo"><img src="img/logo.png"></img></div>
			</div>
			<div class="body">
				<div id="divStartUp">
					<h3>Running From Droid</h3>
					<input id="inputLoadPage" type="submit" value="Continue"></input>	
					<h3>Running From Local Machine</h3>
					DroidCopter IP:
					<input id="customIP" type="text" value="192.168.2.101"></input>
					<input id="inputSubmitIP" type="submit" value="Submit"></input>
					<br><br>
					NOTE: For testing, add parameter '--disable-web-security' to chrome for posting from file://
				</div>
				<div id="divMainContent" style="display:none">
					<h1>IP: <label id="lblCurrentIP"><label></h1>
					<h1>Status: <label id="lblControlStatus">Offline</label></h1>
					<input id="submitArmDisarm" type="submit" value="Arm">
					<input id="submitFlyingMode" type="submit" value="Switch to Stable Mode">
					<input id="submitKillSwitch" type="submit" value="Kill">
					<br>
					<hr>
					Hold the Up/Down, and Left/Right keys to control the quadcopter Pitch/Roll respectively.
					<br>
					Sensitivty: <select id="inputControlSensivity"></select>
					<div id="controlContainer">
						<div id="divControls">
							<h2>
								Pitch:
								<label id="lblPitchValue" class="sendValue"></label>
							</h2>
							<ul class="sliderContainer">
								<li>
									<input id="subtractPitch" type="submit" value="-"></input>
								<li>
								<li>
									<div id="divPitchSlider"></div>
									<input type="hidden" id="holdPitchValue"/>
								</li>
								<li>
									<input id="addPitch" type="submit" value="+"></input>
								</li>
							</ul>
							<h2>
								Roll:
								<label id="lblRollValue" class="sendValue"></label>
							</h2>
							<ul class="sliderContainer">
								<li>
									<input id="subtractRoll" type="submit" value="-"></input>
								<li>
								<li>
									<div id="divRollSlider"></div>
									<input type="hidden" id="holdRollValue"/>
								</li>
								<li>
									<input id="addRoll" type="submit" value="+"></input>
								</li>
							</ul>
							<h2>
								Yaw:
								<label id="lblYawValue" class="sendValue"></label>
							</h2>
							<ul class="sliderContainer">
								<li>
									<input id="subtractYaw" type="submit" value="-"></input>
								<li>
								<li>
									<div id="divYawSlider"></div>
									<input type="hidden" id="holdYawValue"/>
								</li>
								<li>
									<input id="addYaw" type="submit" value="+"></input>
								</li>
							</ul>
							<br>
							<br>
							<input id="submitResetInputs" type="submit" value="Reset Pitch/Roll/Yaw">
						</div>
						<div id="divControlsRight">
							<div id="divThrottleSlider"></div>
							<br>
							<input id="subtractThrottle" type="submit" value="-"></input>
							<input id="addThrottle" type="submit" value="+"></input>
							</ul>
							<h2>
								Throttle:
								<label id="lblThrottleValue" class="sendValue"></label>
							</h2>
							Shift - Increase
							<br>
							Control - Decrease
							<input type="hidden" id="holdThrottleValue"/>
							<br><br>
							Throttle Step Size: <select id="selectThrottleStepSize"></select>
						</div>
					</div>
					<div id="divBottom">
						<hr>
						<input id="submitCalibrate" type="submit" value="Calibrate">
						<br>
						<input id="submitToggleMap" type="submit" value="Show Map Section">
						<div id="divMapCanvas" style="display: none"></div> 
						<br>
						<input id="submitToggleDebug" type="submit" value="Show Debug Section">
						<div id="divDebug">
							Post Data:<input id="inputPost" type="text" value="string"></input><input id="inputSubmitPost" type="submit" value="Post Test Data"></input>
							<br>
							Frequency (seconds):<input id="querySeconds" type="text" value="1"></input><input id="testPost" type="submit" value="Start Test"></input><input id="stopPost" type="submit" value="Stop Test">
							<br><br>
							<div id="averageTime"></div>
							<br>
							<table id="recordedTimes"></table>
						</div>
						<br>
						<input id="submitTogglePhoto" type="submit" value="Show Photo Section">
						<div id="divPhoto">
							<div>
								<input id="inputSave" type="submit" value="Save Current Frame"/>
							</div>
							<div id="divImageHolder">
								<img id="imgDynamic">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer"></div>
	</body>
</html>
